@charset "utf-8";
/* CSS Document */
body{font-size:12px;color:#474747; _overflow:hidden; overflow-x:hidden;  background:#fff; line-height:200%; font-family:Verdana, Arial, Helvetica, sans-serif;}

/*------nomal--------*/

body,ol,table,tr,td,dt,dd,dl,h1,h2,h3,h4,h5,h6,form,input,select,textarea,p{margin:0;padding:0; font-size:12px; font-weight:normal;}

div,ul,li{ margin:0;padding:0;font-weight:normal;list-style-type:none;}


input,

button,

select,

textarea{ outline:none}

img{ border:none;}

a{ 

 outline:none;

 cursor:pointer;

 text-decoration:none; 

 color:#666;

 -webkit-transition:all .3s cubic-bezier(0.45,0.65,0.65,0.45) 0s;

 -moz-transition:all .3s cubic-bezier(0.45,0.65,0.65,0.45) 0s;

 -o-transition:all .3s cubic-bezier(0.45,0.65,0.65,0.45) 0s;

 transition:all .3s cubic-bezier(0.45,0.65,0.65,0.45) 0s;

}

a:hover{ text-decoration:none;}

a,area { blr:expression(this.onFocus=this.blur()) }

:focus { -moz-outline-style: none; } 

.dis{display:none;}

.clear{ clear:both;}
.fl{ float:left;}
.fr{ float:right;}
.w1100{ width:1100px; margin:0 auto;}

.top{ height:117px; position:relative;}
.logo{ width:500px; float:left;}
.toplink{ height:30px; line-height:30px; float:right;}
.toplink span{float:left;}
.homeico{ background:url(../img/ico-home.png) no-repeat left; padding-left:24px; height:30px;display:block;}
.weixinico{ background:url(../img/ico-weixin.png) no-repeat left; padding-left:24px; height:30px; display:block;}
.wxlink div {
    position:absolute;
    right: 0px;
    top: 40px;
    display: none;
	z-index:100;
}
.navbox{background:#009999;color: #fff;height: 41px;line-height: 41px; width:100%;}
.navbox .nav ul li{ float:left; font-size:14px; font-weight:bold; position:relative;}
.navbox .nav ul li a{ display:block; padding: 0 30px; color:#fff;}
.navbox .nav ul li.cur a,.navbox .nav ul li a:hover{ background:#11767B;}

.nav .sub{ display:none;  width:100%;position:absolute; z-index:10; top:40px;  background:#eee;  float:left; line-height:30px; 	}
.nav .sub li{ text-align:center;  }
.nav .sub li a{ color:#333; display:block; zoom:1;}
.nav .sub li a:hover{  background:#ddd; color:#c00;   }
.navbox .nav ul li .sub dt a{ background:none; color:#333333; padding:0 5px; text-align:center;}
.navbox .nav ul li .sub dt a:hover{ background:#11767B; color:#fff;}
.navbox .nav ul li.cur .sub dt a{ background:none; color:#333333;}
.navbox .nav ul li.cur .sub dt a:hover{ background:#11767B; color:#fff;}


.banner_box{}
/* banner */
.banner{width:100%;position:relative;height:540px;}
.banner .bd{margin:0 auto;position:relative;z-index:0;overflow:hidden; width:100%;}
.banner .bd ul{width:100% !important;}
.banner .bd li{width:100% !important;height:540px;overflow:hidden;text-align:center;}
.banner .bd li a{display:block;height:540px;}
.banner .hd{width:100%;position:absolute;z-index:1;bottom:0;left:0;height:30px;line-height:30px;}
.banner .hd ul{text-align:center;}
.banner .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:42px;height:11px;margin:1px;overflow:hidden;background:#000;filter:alpha(opacity=50);opacity:0.5;line-height:999px;}
.banner .hd ul .on{background:#009999;}
.banner .prev,.banner .next{display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:15%;z-index:1;width:40px;height:60px;background:url(../img/slider-arrow.png) -126px -137px #000 no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}
.banner .next{left:auto;right:15%;background-position:-6px -137px;}


.homebox .about{ padding-top:40px;}
.homebox .about h3{ text-align:center; font-size:24px; padding-bottom:20px; }
.homebox .about h3 span{ display:block; font-size:14px;background:url(../img/line.jpg) no-repeat top; line-height:200%; padding-top:10px;}
.homebox .about .about_nr .ab_txt{ width:50%;}
.homebox .about .about_nr .ab_txt dt{ font-size:18px; font-weight:bold; padding-bottom:20px;}
.homebox .about .about_nr .ab_txt .btn{ padding-top:20px;}
.homebox .about .about_nr .ab_txt .btn a{border-radius:8px; background:#009999; color:#fff; font-size:16px; padding:2px 5px; font-style:normal; font-weight:normal;}
.homebox .about .about_nr .ab_pic{ width:45%;}
.homebox .about .about_nr .ab_pic img{ width:100%;}

.homebox .news{ padding-top:40px;}
.homebox .news h3{ text-align:center; font-size:24px; padding-bottom:20px; }
.homebox .news h3 span{ display:block; font-size:14px;background:url(../img/line.jpg) no-repeat top; line-height:200%; padding-top:10px;}
.homebox .news .news_nr .news_pic{ width:480px;}
.homebox .news .news_nr .news_pic .jdbox { position: relative; width: 480px; height: 270px; overflow: hidden; font: 12px/1.5 Verdana, Geneva, sans-serif; text-align: left; background: white; }
.homebox .news .news_nr .news_pic .jdbox .pic img { width:480px; height: 270px; display: block; }
.homebox .news .news_nr .news_pic .jdbox .txt-bg { position: absolute; bottom: 0; z-index: 1; height: 36px; width:100%;  background: #333; filter: alpha(opacity=40); opacity: 0.4; overflow: hidden; }
.homebox .news .news_nr .news_pic .jdbox .txt { position: absolute; bottom: 0; z-index: 2; height: 36px; width:100%; overflow: hidden; }
.homebox .news .news_nr .news_pic .jdbox .txt li{ height:36px; line-height:36px; position:absolute; bottom:-36px;}
.homebox .news .news_nr .news_pic .jdbox .txt li a{ display: block; color: white; padding: 0 0 0 10px; font-size: 12px; font-weight: bold; text-decoration: none; }
.homebox .news .news_nr .news_pic .jdbox .num { position: absolute; z-index: 3; bottom: 8px; right: 8px; }
.homebox .news .news_nr .news_pic .jdbox .num li{ float: left; position: relative; width: 18px; height: 15px; line-height: 15px; overflow: hidden; text-align: center; margin-right: 1px; cursor: pointer; }
.homebox .news .news_nr .news_pic .jdbox .num li a,.jdbox .num li span { position: absolute; z-index: 2; display: block; color: white; width: 100%; height: 100%; top: 0; left: 0; text-decoration: none; }
.homebox .news .news_nr .news_pic .jdbox .num li span { z-index: 1; background: black; filter: alpha(opacity=50); opacity: 0.5; }
.homebox .news .news_nr .news_pic .jdbox .num li.on a,.jdbox .num a:hover{ background:#168e95;  }

.homebox .news .news_nr .news_txt{width:580px;}
.homebox .news .news_nr .news_txt dl{ width:100%; padding:5px 0; padding-left:5px; margin-bottom:5px; transition:background 0.4s; cursor:pointer; display:table;}
.homebox .news .news_nr .news_txt dl dt{ width:20%; float:left; border-right:1px solid #168e95;  font:normal 66px/76px 'verdana'; color:#168e95; text-align:center;}
.homebox .news .news_nr .news_txt dl dd{ float:right; width:74%; float:right; padding-right:18px;}
.homebox .news .news_nr .news_txt dl dd h4{ height:24px;font:18px/24px "微软雅黑"; color:#3b3b3b; overflow:hidden;}
.homebox .news .news_nr .news_txt dl dd h4 span{ float:right; font-size:14px; color:#717171; margin-bottom:12px;}
.homebox .news .news_nr .news_txt dl dd p{ color:#888;}
.homebox .news .news_nr .news_txt dl:hover{padding-left:0; background:#1ea7b0;border-left:5px solid #333; }
.homebox .news .news_nr .news_txt dl:hover dt{color:#fff; border-color:#fff;}
.homebox .news .news_nr .news_txt dl:hover dd h4{ color:#fff;}
.homebox .news .news_nr .news_txt dl:hover dd h4 span{ color:#fff;}
.homebox .news .news_nr .news_txt dl:hover dd p{ color:#fff;}

.homebox .project{ padding-top:40px;}
.homebox .project h3{ text-align:center; font-size:24px; padding-bottom:20px; }
.homebox .project h3 span{ display:block; font-size:14px;background:url(../img/line.jpg) no-repeat top; line-height:200%; padding-top:10px;}
.homebox .project .pro_nr{}
.homebox .project .pro_nr ul{ width:1120px; margin-left:-10px;}
.homebox .project .pro_nr ul li{ float:left; width:25%; box-sizing:border-box; padding:0 10px;position:relative;transition: all 0.4s;}
.homebox .project .pro_nr ul li:hover{transform: translateY(-10px);}
.homebox .project .pro_nr ul li img{ width:100%;}
.homebox .project .pro_nr ul li p{ text-align:center; font-size:14px;}
.homebox .project .pro_nr ul li p span{ display:block; font-size:12px;}

.footer{ background:#232323; margin-top:50px;}
.copy{ padding:20px 0; text-align:center; color:#6E6E6E;}
.copy a{ color:#6E6E6E;}
.gotop{position: fixed;right: 10px;bottom: 150px;text-align: center;border-radius: 8px;cursor: pointer; width:50px; height:50px;}
.gotop li{padding:10px 10px; border-radius:6px;transition: all .5s ease; background:#009999; color:#fff; line-height:16px;}
.gotop li:hover{ background:#216B59;}

.ftnav{ padding-top:20px; margin:0 auto;}
.ftnav .box{ float:left; margin:0 20px; min-width:10%;}
.ftnav .box .tit{ font-size:16px; font-weight:bold; font-family:"微软雅黑"; line-height:200%; padding-bottom:15px;}
.ftnav .box .line { width:100%; border-top:1px solid #101010; border-bottom:1px solid #474747; display:block;}

.nbanner{width:100%;position:relative;height:400px;}
.nbanner .btit{ text-align:center; color:#fff; padding-top:100px;}
.nbanner .btit .cntit{ font-size:20px; padding:10px 0;}
.nbanner .btit .entit{ font-size:28px;}
.nbanner .btit .more{ border:1px solid #fff; width:120px; margin:20px auto; padding:0 10px;}
.nbanner .btit .arrow{ font-size:30px; padding-top:10px;}

.lnav{ padding:20px 0;}
.lnav li{display: inline-block;width: 19%;margin: .3%;list-style: none; height:40px; float:left;}
.lnav li a{ display:block; border:1px solid #999999; text-align:center; height:30px; line-height:30px; font-size:14px; padding:5px;}
.lnav .current a,.lnav li a:hover{ border:none; background:#009999; color:#fff;}

.con_box{}

.location{ width:100%; display:table; border-bottom:1px solid #E2E2E2; padding-bottom:5px;}
.location h3{ float:left;font-size:20px; font-weight:300; color:#585858; min-width:200px;    font-family: "微软雅黑";}
.location h3 span{ font-size:14px; font-weight:300; color:#B7B7B7; padding-left:10px; text-transform:uppercase;}
.location .wz{ float:right; min-width:200px;}
.location .wz strong{ font-weight:200; color:#999;}
.location .wz a{ display:inline-block; margin-right:5px; color:#999;}
.location .wz a:hover{ color:#63B328;}
.location .wz span{ display:inline-block; margin-right:5px; color:#999;}
.location .wz font{ display:inline-block; color:#999;}

.nrbox{ padding:25px 0; width:100%; min-height:400px;}


/*分页*/
.pagebox{ padding:10px 0;}
.page{padding-top:20px;margin-left:33%;}
.page li{list-style:none;float:left; margin-right:5px;}
.page li a{display:block; height:20px;line-height:20px;padding:5px 10px;border: 1px solid #c5c3c3; color:#666;-webkit-box-sizing: content-box;-moz-box-sizing:content-box;box-sizing:content-box;}
.page li a:hover,.page .hover a{background:#a4a0a0; color:#fff;}
.page li a.nh{color:#ccc}

/*新闻列表*/

.newslist{ width:100%; padding:15px 0; display:table;}

.newslist dl{ width:100%; display:table; margin-top:25px; padding-bottom:20px; border-bottom:1px solid #E2E2E2;}

.newslist dl dt{ width:285px; height:140px; float:left;}

.newslist dl dt img{ width:285px; height:140px;}

.newslist dl dt img:hover{ opacity:0.9;}

.newslist dl dd{ width:800px; float:right;}

.newslist dl dd h3 a{ font-size:18px; color:#009999; font-weight:bold;}

.newslist dl dd span{ font-size:14px; color:#999; display:inline-block;}

.newslist dl dd p{ line-height:25px; color:#666; line-height:25px;}

.newslist dl dd  strong a{ color:#F29C01; font-weight:300; display:inline-block; margin-top:10px;}

.newslist dl dd a:hover{ text-decoration:underline;}

.newslist ul{ width:100%; display:table; margin-top:30px;}

.newslist ul li{ width:100%; border-bottom:1px dotted #CCC;}

.newslist ul li a{ display:inline-block; margin-left:25px; height:50px; line-height:50px; font-size:14px; color:#666;}

.newslist ul li font{ float:right; font-size:14px; color:#ccc; line-height:50px;}

.newslist ul li span{ display:inline-block; width:2px; height:10px; background-color:#CCC;}

.newslist ul li:hover a{ color:#63B328;}

.newslist ul li:hover span{ background-color:#F29C01;}

/*更多新闻*/
.otherLink { border-top: 1px dashed #d2d0d0; padding-top: 10px; position: relative; }
.otherLink ol { margin-right: 115px; }
.otherLink ol li { line-height: 30px; height: 30px; color: #555; font-size: 13px; overflow: hidden; }
.otherLink ol li a { font-size: 13px; color: #555; }
.otherLink ol li a:hover { color: #3e8e87; }
.otherLink .returnBtn { position: absolute; display: block; right: 0; bottom: 0; width: 110px; height: 35px; text-align: center; line-height: 35px; background-color: #a4a0a0; color: #fff; font-size: 15px; transition: 0.2s ease all; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; }
.otherLink .returnBtn:hover { background-color: #3e8e87; }


.nrbox .newsArticleTit { border-bottom: 1px dashed #d2d0d0; }
.nrbox .newsArticleTit h2 { margin-bottom: 5px; font-size: 20px; color: #333; text-align: center; }
.nrbox .newsArticleTit h2 span { color: #da2c30; }
.nrbox .newsArticleTit .time { text-align: center; padding-bottom: 15px; font-size: 13px; color: #888; }

.nrbox .newsArticle { padding: 35px 0; font-size: 13px; line-height: 24px; color: #555; }
.nrbox .newsArticle img { max-width: 100%; }

.nrbox .jobtit { border-bottom: 1px dashed #d2d0d0;  border-top: 1px dashed #d2d0d0;min-height:40px;}
.nrbox .jobtit h2 {font-size: 20px; color: #333; text-align: left; float:left; line-height:40px;}
.nrbox .jobtit .jobdate{ float:right;line-height:40px;}

.guestform{width:100%;height:295px; padding-top:30px;}

.guestform dt{ float:left;width:55%;}
.guestform dd{ float:right;width:42%;}
.guestform .text1{ width:100%;height:350px; float:left; border:none; background:#f2f2f2; padding:5px; margin-right:2%; color:#333;line-height:22px;font-size:14PX;}

.guestform .text2{ width:100%;height:40px; border:none; background:#f2f2f2; float:left; margin-bottom:20PX; padding:0 5PX; color:#666666; font-size:14PX; line-height:40px;}

.guestform .text3{ width:100%;height:90px; border:none; background:#f2f2f2; float:left; margin-bottom:20PX; padding:5PX; color:#666666; font-size:14PX; line-height:22px;}

.guestform .button1{width:100px;height:36px; background:#009999; cursor:pointer; text-align:center; line-height:36px; font-size:14px; color:#FFF; border:none;}

.guestform .button1:hover{background:#0e95d7;}

/*==========以下部分是Validform必须的===========*/
.Validform_checktip{
	margin-left:8px;
	line-height:20px;
	height:20px;
	overflow:hidden;
	color:#999;
	font-size:12px;
}
.Validform_right{
	color:#71b83d;
	padding-left:20px;
	background:url(../img/right.png) no-repeat left center;
}
.Validform_wrong{
	color:red;
	padding-left:20px;
	white-space:nowrap;
	background:url(../img/error.png) no-repeat left center;
}
.Validform_loading{
	padding-left:20px;
	background:url(../img/onLoad.gif) no-repeat left center;
}
.Validform_error{
	background-color:#ffe7e7;
}
#Validform_msg{color:#7d8289; font: 12px/1.5 tahoma, arial, \5b8b\4f53, sans-serif; width:280px; -webkit-box-shadow:2px 2px 3px #aaa; -moz-box-shadow:2px 2px 3px #aaa; background:#fff; position:absolute; top:0px; right:50px; z-index:99999; display:none;filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#999999');}
#Validform_msg .iframe{position:absolute; left:0px; top:-1px; z-index:-1;}
#Validform_msg .Validform_title{line-height:25px; height:25px; text-align:left; font-weight:bold; padding:0 8px; color:#fff; position:relative; background-color:#000;}
#Validform_msg a.Validform_close:link,#Validform_msg a.Validform_close:visited{line-height:22px; position:absolute; right:8px; top:0px; color:#fff; text-decoration:none;}
#Validform_msg a.Validform_close:hover{color:#cc0;}
#Validform_msg .Validform_info{padding:8px;border:1px solid #000; border-top:none; text-align:left;}


.joblist{}
.joblist ul{ width:100%; display:table;}
.joblist ul li{ width:100%; display:table; margin-top:16px; cursor:pointer;}
.joblist ul li h6{ width:100%; height:56px; border:1px solid #009999;}
.joblist ul li h6:hover{ border:1px solid #003366;}
.joblist ul li h6 span{ display:inline-block; border-left:3px solid #009999; margin-top:18px; margin-left:15px; font-weight:bold; padding-left:15px;  font-size:16px; color:#2F2F2F;}
.joblist ul li h6 a{ float:right; width:80px; margin-top:18px; padding-left:35px; font-size:15px; color:#2F2F2F; background:url(../img/arrow2.jpg) no-repeat left center;}
.joblist ul li h6 a:hover{ color:#124199;}
.joblist ul li .yc{ display:none;}
.joblist ul li.active .yc{ display:block; padding:20px;}
.joblist ul li.active h6{ border:1px solid #003366;}
.joblist ul li.active .more{color: #F29C01;font-weight: 300;display: inline-block;margin-top: 10px;}


/*五大系统*/
.dislist{ width:100%; height:526px;display:table; background-color:#fff;}
.dislist ul{ width:1110px;margin-left:-5px;}
.dislist ul li{ float:left; width:340px; height:526px; margin:0 15px; padding-bottom:20px;}
.dislist ul li dt{ 
 width:340px; 
 height:216px;
 overflow:hidden;
 background-image:linear-gradient(to bottom, #fff, #fff);
 transition:all 4s cubic-bezier(0.19, 1, 0.22, 1) 0s;
 -moz-transition:all 4s cubic-bezier(0.19, 1, 0.22, 1) 0s;
 -webkit-transition:all 4s cubic-bezier(0.19, 1, 0.22, 1) 0s;
 -o-transition:all 4s cubic-bezier(0.19, 1, 0.22, 1) 0s;
}
.dislist ul li dt img{  
 opacity:0.6; 
 -moz-opacity:0.6; 
 visibility:visible;
 transition:all 4s cubic-bezier(0.19, 1, 0.22, 1) 0s;
 -moz-transition:all 4s cubic-bezier(0.19, 1, 0.22, 1) 0s;
 -webkit-transition:all 4s cubic-bezier(0.19, 1, 0.22, 1) 0s;
 -o-transition:all 4s cubic-bezier(0.19, 1, 0.22, 1) 0s;
}
.dislist ul li dl:hover img{
 opacity:1;
 transform:scale(1.05,1.05);
 -webkit-transform:scale(1.05,1.05);
 -moz-transform:scale(1.05,1.05);
 -o-transform:scale(1.05,1.05);
}

.dislist ul li dd{ width:340px; height:309px; background-color:#F4F4F4; display:table;}
.dislist ul li dd p{ text-align:center; font-size:15px; color:#585656; margin-top:10px; text-transform:uppercase; font-family:"Arial"; padding:0 10px;}
.dislist ul li dd h3{ text-align:center; margin-top:20px; }
.dislist ul li dd h3 a{font-size:32px; color:#363636;font-family:"微软雅黑";}
.dislist ul li dl:hover  h3 a{color:#009999;}
.dislist ul li dd font a{ display:block; width:150px; height:44px; text-align:center; line-height:44px; margin:26px auto 0; font-size:12px; text-transform:uppercase; color:#282828; font-family:"Arial";
 border:1px solid #F4F4F4;}
.dislist ul li dl:hover font a{ color:#009999; /*border:1px solid #EA451F;*/ position:relative;}
.dislist ul li dl:hover dd p{ color:#009999;}
.dislist ul li dl font a span{ display:block; position:absolute;}
.dislist ul li dl font a .s-top{left:0; top:0; width:0%;}
.dislist ul li dl font a .s-bom{ right:0; bottom:0; width:0%;}
.dislist ul li dl font a .s-lft{ left:0; bottom:0; height:0%;}
.dislist ul li dl font a .s-rit{ right:0; top:0; height:0%;}
.dislist ul li dl:hover font a .s-top{ 
 width:100%;
 border-top:1px solid #009999;
 transition: all .45s cubic-bezier(0.35,0.45,0.45,0.55) 0s;
 -webkit-transition: all .45s cubic-bezier(0.35,0.45,0.45,0.55) 0s;
 -moz-transition: all .45s cubic-bezier(0.35,0.45,0.45,0.55) 0s;
 -o-transition: all .45s cubic-bezier(0.35,0.45,0.45,0.55) 0s;
}
.dislist ul li dl:hover font a .s-bom{ 
 width:100%;
 border-top:1px solid #009999;
 transition: all .45s cubic-bezier(0.35,0.45,0.45,0.55) 0s;
 -webkit-transition: all .45s cubic-bezier(0.35,0.45,0.45,0.55) 0s;
 -moz-transition: all .45s cubic-bezier(0.35,0.45,0.45,0.55) 0s;
 -o-transition: all .45s cubic-bezier(0.35,0.45,0.45,0.55) 0s;
}
.dislist ul li dl:hover font a .s-lft{ 
 height:100%;
 border-left:1px solid #009999;
 transition: all .45s cubic-bezier(0.35,0.45,0.45,0.55) 0s;
 -webkit-transition: all .45s cubic-bezier(0.35,0.45,0.45,0.55) 0s;
 -moz-transition: all .45s cubic-bezier(0.35,0.45,0.45,0.55) 0s;
 -o-transition: all .45s cubic-bezier(0.35,0.45,0.45,0.55) 0s;
}
.dislist ul li dl:hover font a .s-rit{ 
 height:100%;
 border-right:1px solid #009999;
 transition: all .45s cubic-bezier(0.35,0.45,0.45,0.55) 0s;
 -webkit-transition: all .45s cubic-bezier(0.35,0.45,0.45,0.55) 0s;
 -moz-transition: all .45s cubic-bezier(0.35,0.45,0.45,0.55) 0s;
 -o-transition: all .45s cubic-bezier(0.35,0.45,0.45,0.55) 0s;
}

.faclist{ padding:20px 0;}
.faclist ul{ width:1120px; margin-left:-10px;}
.faclist ul li{ float:left; width:25%; box-sizing:border-box; padding:0 10px;position:relative;transition: all 0.4s; margin-bottom:20px;}
.faclist ul li:hover{transform: translateY(-10px);}
.faclist ul li img{ width:100%;}
.faclist ul li p{ text-align:center; font-size:14px;}
.faclist ul li p span{ display:block; font-size:12px;}